<template>
	<view class="container">
		<uni-section title="安卓安装教程及问题解决教程" type="line"></uni-section>
		
		<uni-card title="先下载这俩个文件">
			<view>
				<text style="color: red;">复制下载链接在其他浏览器打开下载(复制一次就行，只有4次机会!!!)</text><br /><br />
				<uv-button text="复制第一个app下载链接" type="error" @click="downloadFile('https://share.feijipan.com/s/TmDAuZUj')"></uv-button><br />
				<uv-button text="复制第二个app下载链接" type="error" @click="downloadFile('https://share.feijipan.com/s/a8DCAOep')"></uv-button>
			</view>
		</uni-card>

		<uni-card title="安装使用教程一">
			<view class="">
				第1步:<text style="color: red;">先卸载你手机现有的钉钉</text>，在安装我们的钉钉，以后也不要更新。<br /><br />
				
				第2步:去设置里面打开开发者模式（不会的可以根据自己手机型号在这个文档最底下查看或者抖音上面看一下教程）<br /><br />

				第3步:打开改定位的软件，把自己需要打卡的具体位置输入上去（你需要搜索哪个地方，先把里面那个小红点点到它那个市区里面）名字是随便填的，最后保存<br /><br />

				第4步:打卡的时候把后台全部清除，重新进入改定位的软件，开启定位模拟以后，进入钉钉，开始打卡<br /><br />

				第5步:<text style="color: red;">一定一定要关闭wifi，</text>使用流量!!!位置修改成功后一定一定要关闭后台其他软件，在打开钉钉！！！
				
				tips:<text style="color: red;">还是定位不成功看“注意事项五”，在下面</text>
			</view>
		</uni-card>

		<uni-card title="安装使用教程二">
			<view class="">
				<video src="https://mp-7c95461b-9b6d-4458-bd4d-88e4d14703ed.cdn.bspapp.com/06.mp4"></video>
			</view>
		</uni-card>

		<uni-card title="注意事项一">
			<view class="">
				<view>选第一个</view><br/>
				<image src="../../static/200.png" mode="widthFix"></image><br/><br/>
				<view>选第二个</view><br/>
				<image src="../../static/600.png" mode="widthFix"></image><br/><br/>
				<view>权限都打开，选择始终允许</view><br/>
				<image src="../../static/700.png" mode="widthFix"></image><br/><br/>
				<view>如果出现下面这种情况</view><br/>
				<image src="../../static/800.jpeg" mode="widthFix"></image><br/><br/>
				<view>按照这个流程去操作，在重新安装</view><br/>
				<image src="../../static/900.png" mode="widthFix"></image>
			</view>
		</uni-card>

		<uni-card title="注意事项二">
			<view class="">
				<view>部分手机会出现下面这种情况</view><br />
				<image src="../../static/55.png" mode="widthFix"></image><br />
				<br />
				<view>这是属于正常情况，这个理解为：“现在是实用的模拟定位，正常定位已经关闭”</view><br />
			</view>
		</uni-card>

		<uni-card title="注意事项三">
			<view class="">
				<view style="color: red;">每次打完卡一定一定要关闭开发者模式(关闭流程在最下面或者自己去抖音搜索)，下次需要该位置的时候在打开开发者模式，用完就关闭，不然会出现下面这种情况</view><br />
				<image src="../../static/img06.jpeg" mode="widthFix"></image><br />
			</view>
		</uni-card>
		
		<uni-card title="注意事项四">
			<view class="">
				<view>如果出现这种情况</view><br/>
				<image src="../../static/520.jpeg" mode="widthFix"></image><br/><br/>
				<view>按照这个来</view><br/>
				<image src="../../static/960.jpg" mode="widthFix"></image><br/><br/>
			</view>
		</uni-card>
		
		<uni-card title="注意事项五">
			<view class="">
				<view>如果还是定位不成功，一定要注意这里，有些手机选不中的，如果明明选择了紫狐app，但还是显示其他的app，那你就先卸载那个app，在继续选择紫狐，直到选中为止</view><br/>
				<view>怎么去这个页面？在设置里面，顶上有个搜索框，在搜索框里面输入“模拟应用”就会出来</view><br/>
				<image src="../../static/300.png" mode="widthFix"></image>
			</view>
		</uni-card>

		<uni-card title="关闭华为纯净模式">
			<view class="">
				打开手机中的“设置”应用。<br />
				在设置界面中，找到并点击“系统和更新”选项。<br />
				进入系统和更新页面后，点击“纯净模式”。<br />
				在纯净模式界面中，点击下方的“退出”按钮。<br />
				此时会弹出一个询问窗口，点击“仍然退出”，然后输入手机锁屏的密码即可退出纯净模式。
			</view>
		</uni-card>

		<uni-card title="打开开发者模式">
			<view class="">
				<uv-divider text="华为/荣耀手机"></uv-divider>
				打开手机【设置】。<br />
				找到【关于手机】选项。<br />
				在【关于手机】页面中，连续点击【版本号】，直到看到“您现在是开发者!”的提示。<br />
				返回上一级菜单，即可看到【开发者选项】。<br />

				<uv-divider text="小米手机"></uv-divider>
				打开手机【设置】。<br />
				找到【我的设备】选项。<br />
				在【我的设备】页面中，点击【全部参数】。<br />
				在【全部参数】页面中，连续点击【MIUI版本】，直到看到“您现在是开发者!”的提示。<br />
				返回上一级菜单，即可看到【更多设置】，点击进入后选择【开发者选项】。<br />

				<uv-divider text="OPPO/vivo手机"></uv-divider>
				打开手机【设置】。<br />
				找到【关于手机】选项。<br />
				在【关于手机】页面中，连续点击【软件版本号】或【版本号】，直到看到“您现在是开发者!”的提示。<br />
				返回上一级菜单，即可看到【开发者选项】。<br />

				<uv-divider text="三星手机"></uv-divider>
				打开手机【设置】。<br />
				找到【关于手机】选项。<br />
				在【关于手机】页面中，找到【软件信息】或【构建编号】。<br />
				连续点击【构建编号】，直到看到“您现在是开发者!”的提示。<br />
				返回上一级菜单，即可看到【开发者选项】。
			</view>
		</uni-card>
		
		<uni-card title="关闭开发者模式">
			<view class="">
				手机打开设置页面，最顶上有个搜索框，在搜索框输入“开发者”就会出来一个选项，点进去进入到这个页面，把开发者选项关闭就好了<br/>
				<image src="../../static/1010.jpg" mode="widthFix"></image>
			</view>
		</uni-card>

		<uni-popup ref="inputDialog" type="dialog" mask-background-color='rgba(0,0,0,0.9)' :is-mask-click='false'>
			<uni-popup-dialog ref="inputClose" :showClose='false' confirmText='验证秘钥' before-close mode="input"
				title="输入秘钥" v-model="value" placeholder="请输入秘钥~" @confirm="dialogInputConfirm"></uni-popup-dialog>
		</uni-popup>
	</view>
</template>

<script>
	function formatDate(timestamp) {
		let date = new Date(timestamp);
		let year = date.getFullYear();
		let month = "0" + (date.getMonth() + 1);
		let day = "0" + date.getDate();
		let hours = "0" + date.getHours();
		let minutes = "0" + date.getMinutes();
		let seconds = "0" + date.getSeconds();

		return year + "-" + month.substr(-2) + "-" + day.substr(-2) +
			" " + hours.substr(-2) + ":" + minutes.substr(-2) + ":" + seconds.substr(-2);
	}

	export default {
		data() {
			return {
				value: ''
			}
		},
		onShow() {
			this.$nextTick(() => {
				this.$refs.inputDialog.open();
			});
		},
		methods: {
			async dialogInputConfirm(val) {
				if(!val){
					return uni.showToast({
						icon:'none',
						title:'秘钥不能为空'
					})
				}
				
				if(val === '155015'){
					uni.navigateTo({
						url:'/pages/index/createCode'
					})
				}else{
					await uniCloud.importObject('getCode').getCode(val, uni.getSystemInfoSync().deviceId).then(res => {
						this.$refs.inputDialog.close();
						uni.showModal({
							showCancel: false,
							content: `近期有部分用户拿这份文档二次出售，为避免再次发生，设置文档于： ${formatDate(res.errMsg)} 过期,请尽快熟悉此文档`
						})
					})
				}
			},
			downloadFile(url) {
				const nuber = uni.getStorageSync('downloadNuber')
				if(nuber === undefined || nuber === ''){
					uni.setStorageSync('downloadNuber',3);
					uni.showModal({
						showCancel:false,
						content:`复制成功,请在新窗口粘贴此链接下载(下载链接剩余 ${uni.getStorageSync('downloadNuber')} 次)`,
						success: () => {
							uni.setClipboardData({data: url})
						}
					})
				}else{
					if(nuber <= 0){
						uni.showModal({
							showCancel:false,
							content:`下载次数已用完，请联系闲鱼卖家`
						})
					}else{
						uni.setStorageSync('downloadNuber',nuber-1);
						uni.showModal({
							showCancel:false,
							content:`复制成功,请在新窗口粘贴此链接下载(下载链接剩余 ${uni.getStorageSync('downloadNuber')} 次)`,
							success: () => {
								uni.setClipboardData({data: url})
							}
						})
					}
				}
			}
		}
	}
</script>

<style lang="scss">
	.container {
		image {
			width: 100%;
		}

		padding-bottom: 100rpx;

		video {
			width: 100%;
		}

		font-size: 28px;

		.flex-center {
			align-items: center;
		}

		.flex {
			display: flex;
		}
	}
</style>